<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <fmt:setBundle basename="packageInternationalisation.lang" scope="session"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
    
    <title><fmt:message key="bigTitle" /></title>

    <link rel="icon" type="image/x-icon" href="tp/images/favicon.ico" />
    <link rel="stylesheet" type="text/css" media="screen,projection" href="tp/css/bootstrap.css" />
  </head>

  <body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <span style="float: right; padding-top: 11px;">
              <span style="color: white; padding-right: 4px;"><fmt:message key="Chooselangue" /></span>
              <a href="InternationalisationSyllatheque?langue=fr" title="Changer la langue du site : Français"><img src="tp/images/be.png" alt="" /> [Be]</a>
              <a href="InternationalisationSyllatheque?langue=en" title="Change language of the WebSite : English"><img src="tp/images/uk.png" alt="" /> [Uk]</a>
          </span>
          <ul class="nav">
            <li><a href="index.jsp"><fmt:message key="menuHome" /></a></li>
            <li><a href="about.jsp"><fmt:message key="menuAbout" /></a></li>
            <li><a href="catalogue.jsp"><fmt:message key="menuCat" /></a></li>
            <li><a href="contact.jsp"><fmt:message key="menuContact" /></a></li>
          </ul>
        </div>
      </div>
    </div>
          
    <div class="container-header">
        <div class="panier">
            <div class="panier-header">
                <a href="panier.jsp"><img src="tp/images/shop.png" alt="" /></a>
            </div>
            <div style="margin-top: 8px;">
                <fmt:message key="menuPanierBig" /><br />
                <a href="panier.jsp"><fmt:message key="menuPanier" /></a>
            </div>
        </div>
        <div>
            <div style="float: left; margin: 0px 15px 0px 0px;">
                <a href="index.jsp"><h1 class="logo"></h1></a>
            </div>
            <div style="margin-left: 55px; font-size: 11px;">
                <p><fmt:message key="welcome" />, 
                    <c:if test="${sessionScope['usr'] == null}">
                        <fmt:message key="guest" />
                    </c:if>
                    <c:if test="${sessionScope['usr'] != null}">
                        ${sessionScope['usr'].pseudo}
                    </c:if> !<br />
                    <c:if test="${sessionScope['usr'] == null}">
                        <a href="connexion.jsp"><fmt:message key="connexionLink" /></a> <fmt:message key="introSuspense" /><br />
                    <a href="inscription.jsp"><fmt:message key="inscriptionLink" /></a> <fmt:message key="introSuspenseSuite" /> <a href="about.jsp#avantage"><fmt:message key="plus" /></a>
                    </c:if>
                    <c:if test="${sessionScope['usr'] != null}">
                        <fmt:message key="introConnect" /> <a href="DeconnexionSyllatheque"><fmt:message key="deconnexionLink" /></a> ?<br />
                        <fmt:message key="introConnectSuite" /> <a href="about.jsp#avantage"><fmt:message key="plus" /></a>
                    </c:if>
                    
                    <br />
                    <span class="inscription">    
                        <c:if test="${not empty connexion}">
                            <fmt:message key="msgConnexion" />
                        </c:if>
                        <c:if test="${not empty inscription}">
                            <fmt:message key="msgInscription" />
                        </c:if>
                        <c:if test="${not empty deconnexion}">
                            <fmt:message key="msgDeconnexion" />
                        </c:if>
                    </span>
                </p>
            </div>
        </div>
    </div>
    <div class="container">